<template>
  <section class="section-hero section-shaped my-0">
    <div class="shape shape-style-1 shape-primary">
      <span class="span-150"></span>
      <span class="span-50"></span>
      <span class="span-50"></span>
      <span class="span-75"></span>
      <span class="span-100"></span>
      <span class="span-75"></span>
      <span class="span-50"></span>
      <span class="span-100"></span>
      <span class="span-50"></span>
      <span class="span-100"></span>
    </div>
    <div class="container shape-container d-flex align-items-center">
      <div class="col px-0">
        <div class="row justify-content-center align-items-center">
          <div class="col-lg-7 text-center pt-lg">
            <img src="img/brand/logo.png" style="width: 300px;" class="img-fluid" />
            <p
              class="lead text-white mt-4 mb-5"
            >A shiny admin interface for django-river built with DRF, Vue & Vuetify</p>
            <div class="btn-wrapper">
              <base-button
                tag="a"
                href="https://river-admin.readthedocs.io/en/latest/"
                class="mb-3 mb-sm-0"
                type="info"
                icon="fa fa-code"
              >Get Started</base-button>
              <base-button
                tag="a"
                href="https://github.com/javrasya/river-admin"
                class="mb-3 mb-sm-0"
                type="white"
                icon="fa fa-github"
              >Github</base-button>
            </div>
          </div>
        </div>
        <div class="row align-items-center justify-content-around stars-and-coded">
          <div class="col-sm-4">
            <span class="text-white alpha-7 ml-3">Star us on</span>
            <a
              href="https://github.com/javrasya/river-admin"
              target="_blank"
              title="Support us on Github"
            >
              <img src="img/brand/github-white-slim.png" style="height: 22px; margin-top: -3px" />
            </a>
          </div>
          <div class="col-sm-4 mt-4 mt-sm-0 text-right">
          </div>
        </div>
      </div>
    </div>
  </section>
</template>
<script>
export default {};
</script>
<style>
</style>
